import useHistory from "@/hooks/useHistory";
import { PageContainer } from "@ant-design/pro-components";
import { Table, Button } from "antd";

const TableList: React.FC = () => {
  const history = useHistory();

  const dataSource = [
    {
      key: "1",
      name: "胡彦斌",
      age: 32,
      address: "西湖区湖底公园1号",
    },
    {
      key: "2",
      name: "胡彦祖",
      age: 42,
      address: "西湖区湖底公园1号",
    },
  ];

  const columns = [
    {
      title: "姓名",
      dataIndex: "name",
      key: "name",
    },
    {
      title: "年龄",
      dataIndex: "age",
      key: "age",
    },
    {
      title: "住址",
      dataIndex: "address",
      key: "address",
    },
  ];

  return (
    <PageContainer>
      <Table dataSource={dataSource} columns={columns} />
      <Button type="primary" onClick={() => history.push("/list/detail")}>
        去详情页
      </Button>
    </PageContainer>
  );
};

export default TableList;
